<div id="network-supply-overall-${uniqueId}" style="height: 100%">

</div>
<script type="text/javascript">

</script>
<script type="text/javascript">
    $(function () {
        loadbar1();
    });
    function loadbar1() {
        var center=$("#prjId").val();
        var param={};
        param.batchId = "59";
        $.ajax({
            url: "#springUrl('/network/supply/overall/getData')",
            data: param,
            type: "POST",
            success: function (text) {
                var d = JSON.parse(text);
                if (d.success && d.data) {
                    myChart = echarts.init(document.getElementById('network-supply-overall-${uniqueId}'), 'macarons');

                    var mapData = [];
                    $.each(d.data.data, function (index, row) {
                        mapData.push({name: row.name, value: [row.coordinateX, row.coordinateY, row.order]});
                    });
                    var option = {
                        backgroundColor: '#ffffff',
                        title: {
                            text: '全国主要城市空气质量',
                            subtext: 'data from PM25.in',
                            sublink: 'http://www.pm25.in',
                            left: 'center',
                            textStyle: {
                                color: '#fff'
                            },
                            show: false
                        },
                        tooltip: {
                            trigger: 'item'
                        },
                        legend: {
                            orient: 'vertical',
                            y: 'bottom',
                            x: 'right',
                            data: ['pm2.5'],
                            textStyle: {
                                color: '#fff'
                            }
                        },
                        geo: {
                            map: 'china',
                            label: {
                                emphasis: {
                                    show: false
                                }
                            },
                            roam: true,
                            itemStyle: {
                                normal: {
                                    areaColor: '#323c48',
                                    borderColor: '#111'
                                },
                                emphasis: {
                                    areaColor: '#2a333d'
                                }
                            }
                        },
                        series: [
                            {
                                name: '订单量',
                                type: 'scatter',
                                coordinateSystem: 'geo',
                                data: mapData,
                                symbolSize: function (val) {
                                    return val[2] / 1500;
                                },
                                label: {
                                    normal: {
                                        formatter: '{b}',
                                        position: 'right',
                                        show: false
                                    },
                                    emphasis: {
                                        show: true
                                    }
                                },
                                itemStyle: {
                                    normal: {
                                        color: '#ddb926'
                                    }
                                }
                            }
                        ]
                    }
                    myChart.setOption(option);
                }
            }
        });
    }

</script>